<template>
  <view class="page">
    <image src="../../static/register/top2.jpg" mode="widthFix" class="top"/>
    <view class="location-container">
      <view class="left">
        <image src="../../static/register/location.png" mode="widthFix" class="location"></image>
        <text>代驾服务地点</text>
      </view>
      <view class="right">{{ cityName }}</view>
    </view>
    <view class="info-container">
      <view class="title-container">
        <image src="../../static/register/title-bg.png" mode="widthFix" class="title-bg"></image>
        <text class="title">入驻条件</text>
      </view>
      <view class="list">
        <view class="item">
          <text>1.</text>
          三年安全驾驶经验；
        </view>
        <view class="item">
          <text>2.</text>
          年龄23~55周岁；
        </view>
        <view class="item">
          <text>3.</text>
          无违法犯罪记录、无精神病史、无吸毒史，以及平台认为不适合代驾的其他历史证明；
        </view>
        <view class="item">
          <text>4.</text>
          有熟练驾车经验；
        </view>
        <view class="item">
          <text>5.</text>
          身体健康，无肢体残疾和大面积纹身；
        </view>
        <view class="item">
          <text>6.</text>
          需要提供身份证、驾驶证、直系亲属联系方式，并保存前述材料的真实合法性；
        </view>
      </view>
    </view>
    <view class="info-container">
      <view class="title-container">
        <image src="../../static/register/title-bg.png" mode="widthFix" class="title-bg"></image>
        <text class="title">入驻流程</text>
      </view>
      <view class="list">
        <view class="complex-item">
          <view class="left">01</view>
          <view class="right">
            <text class="item-title">在线注册账号</text>
            <text class="item-desc">在小程序完成注册</text>
          </view>
        </view>
        <view class="complex-item">
          <view class="left">02</view>
          <view class="right">
            <text class="item-title">司机信息填写</text>
            <text class="item-desc">按照流程提交本人身份证、驾驶证</text>
          </view>
        </view>
        <view class="complex-item">
          <view class="left">03</view>
          <view class="right">
            <text class="item-title">证件资料审核</text>
            <text class="item-desc">对提交证件进行审核</text>
          </view>
        </view>
        <view class="complex-item">
          <view class="left">04</view>
          <view class="right">
            <text class="item-title">签署合同</text>
            <text class="item-desc">收到邮寄的合同后必须本人签署并寄回</text>
          </view>
        </view>
      </view>
    </view>
<!--    <button class="btn" @tap="wxRegister">司机注册</button>-->
    		<button class="btn" open-type="getPhoneNumber" @getphonenumber="wxRegister" >司机注册</button>
    <u-toast ref="uToast"/>
  </view>
</template>

<script>
var QQMapWX = require('../../lib/qqmap-wx-jssdk.min.js');
var qqmapsdk;
export default {
  data() {
    return {
      code: null,
      cityName: "未知"
    };
  },
  onLoad() {
    qqmapsdk = new QQMapWX({
      key: 'URQBZ-R36CT-A7CXB-VVOWO-MVCIQ-ZOBUT' // 必填
    });

    var addr;

    uni.getLocation({
      type: "gcj02",
      success: function (res) {
        addr = res.longitude + "0," + res.latitude + "0"
        console.log("当前经度" + res.longitude);
        console.log("当前维度：" + res.latitude);
      }
    });
    this.getAddressName(addr)
  },
  methods: {
    getAddressName(addr) {
      var _this = this;
      qqmapsdk.reverseGeocoder({
        location: addr,
        success: function (res) {//成功后的回调
          console.log(res)
          var res = res.result;
          _this.cityName = res.address_component.city
        },
        fail: function (error) {
          console.error(error);
        },
      })
    },
    wxRegister() {
      // console.log(e.detail.code)  // 动态令牌
      // console.log(e.detail.errMsg) // 回调信息（成功失败都会返回）
      // console.log(e.detail.errno)  // 错误码（失败时返回）
      var _this = this;
      wx.login({
        success(res) {
          if (res.code) {
            //发起网络请求
            _this.get("/uaa/wechat/register/" + res.code, res => {
              console.log(res)
              _this.post("/driver/manager/driver/register", {"phone": res.data.data.phone, "openId": res.data.data.openId}, res => {
                uni.navigateTo({
                  url: '../login/login'
                });
              })
            })
          } else {
            console.log('登录失败！' + res.errMsg)
          }
        }
      })
    },

  }
};
</script>

<style lang="less">
@import url('register.less');
</style>
